.at1-box{
    width:1005;
    height:5rem;
    background: #ccc;
    display: flex;
    align-items: center;
    position: relative;
}

.at1-box > img{
    width:100%;
    height:100%;
    display: block;
}

.at1-box p{
    font-weight: 400;
    font-size: .7rem;
    color: #FFFFFF;
    text-shadow: 0px 0.03rem .12rem rgba(0,0,0,0.2);
    font-style: oblique;
    position: static;
}

.at-tab{
    width:100%;
    height:.7rem;
    background: #F8F8F8;
}

.tab-list{
    width:100%;
    height: inherit;
    display: flex;
}
.tab-list > li{
    height: 0.7rem;
    line-height: .66rem;
    font-weight: 400;
    font-size: .18rem;  
    margin-right: 1rem;
}
.tab-list > li a{
    font-weight: 400;
    font-size: .18rem;
    color:#666;
    display: inline-block;
}

.atab-active > a{
    color: #333 !important;
    font-weight: bold !important;
    border-bottom: 0.02rem solid #1C2E5C;
}

.at2-box{
    width:100%;
    height:auto;
    background: #fff;
    padding-top:.8rem;
    position: relative;
    /* display: flex;
    align-items: center; */
}

.at2-pos{
    position: absolute;
    width:2.5rem;
    height:auto;
    left:0;
    top:2rem;
}

.at2-top{
    display: flex;
    justify-content: space-between;
    /* background: #f00; */
}

.at2-left{
    width:4rem;
    display: flex;
    flex-direction: column;
    margin-top:.1rem;
}

.at2-title{
    font-weight: bold;
    font-size: .36rem;
    color: #333333;
    margin:.2rem 0 .6rem;
}
.at2-desc{
    font-weight: 500;
    font-size: .22rem;
    color: #333333;
}

.at2-right{
    width:6.72rem;
    height:auto;
}

.at2-right > p{
    font-weight: 400;
    font-size: .18rem;
    color: #333333;
    line-height: .36rem;
    margin-bottom: .3rem;
    text-align: justify;
}

.at2-bottom {
    display: flex;
    justify-content: space-between;
    /* justify-content: space-around; */
    flex-wrap: wrap;
    margin:.1rem 0 1rem;
}
.at2-bottom::after{
    width:2.7rem;
    content: '';
}
.at2-bottom > li{
    width:2.7rem;
    height:2.58rem;
    border-radius: .3rem;
    /* background: #ccc; */
    padding:.4rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* cursor: pointer; */
}

.at2-bottom > li > img{
    width:.8rem;
    height:.6rem;
    display: block;
}

.item-at2-title{
    font-weight: bold;
    font-size: .22rem;
    color: #333333;
    margin:.2rem 0 .14rem 0;
}

.item-at2-desc{
    font-weight: 400;
    font-size: .18rem;
    color: #333333;
    text-align: center;
}

.at2-bottom > li:hover{
    background: #FFFFFF;
    box-shadow: 0px .1rem .24rem 0.01rem rgba(0,0,0,0.1);
}

.at3-box{
    width:100%;
    /* height:5rem; */
    padding:1.6rem 0;
    position: relative;
}

.at3-pos{
    position: absolute;
    width:2.5rem;
    height:auto;
    right:0;
    top:2rem;
}

.at3-list{
    width:100%;
    height:auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .6rem;
}

.at3-list > li{
    width:3.8rem;
    height: 2.6rem;
    
    margin-bottom: .3rem;
    padding:.4rem .3rem;
    box-sizing: border-box;
    /* cursor: pointer; */
}

.at3-list > li:hover{
    box-shadow: 0px .1rem .24rem 0.01rem rgba(0,0,0,0.1);
    border-radius: .3rem;
    background: #fff;
}

.at3-top{
    height:.6rem;
    display: flex;
    align-items: center;
}

.at3-top > img{
    width:.6rem;
    height:.6rem;
    margin-right: .24rem;
}

.at3-top > p{
    font-weight: bold;
    font-size: .24rem;
    color: #333333;
}

.at3-bottom{
    ont-weight: 400;
    font-size: .18rem;
    color: #333333;
    margin-top: .3rem;
    line-height: .32rem;
}

.at4-box{
    width:100%;
    height:auto;
    background: #fff;
    padding:1.6rem 0;
}

.at4-content{
    display: flex;
    justify-content: space-between;
    margin-top:.6rem;
}

.at4-left{
    width:5.8rem;
    height:7.4rem;
    border-radius: .3rem;
    position: relative;
    cursor:auto !important
    /* overflow: hidden; */
    /* background: url('../images/at4-1.png');
    background-size: cover;
    background-position: center; */
/* border: 1px solid #707070; */
}



.at4-left > img{
    width:5.8rem;
    height:7.4rem;
}

.at4-right{
    width:5.8rem;
    height:7.4rem;
    /* background: #00f; */
}

.at4-right > div{
    width:100%;
    height:3.5rem;
    margin-bottom: .37rem;
    border-radius: .3rem;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    
}

.at4-top{
    width:100%;
    height: inherit;
    cursor:auto !important;
    position: relative;
    /* background: url('../images/at4-2.png'); */
}
.at4-bottom{
    width:100%;
    position: relative;
    cursor:auto !important
    /* background: url('../images/at4-3.png'); */
}